<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>AI翻译</title>
</head>
<link rel="stylesheet" href="../Common/Base.css">
<link rel="stylesheet" href="../Common/SideNavigation.css">
<link rel="stylesheet" href="../Index/Index.css">

<body>
  <!-- 侧导航 -->
  <div class="side-nav">
    <ul>
      <li class="side-nav-active"><a href="#">AI翻译</a></li>
      <li><a href="../AIDialogue/AIDialogue.html">AI问答</a></li>
      <li><a href="../HistoricalTran/HistoricalTran.html">历史翻译</a></li>
      <li><a href="https://gitee.com/Himi233/aitranslation.git" target="_blank">关于我们</a></li>
    </ul>
  </div>
  <!-- 翻译文本页面 -->
  <div class="wrapper">
    <div class="container">
      <!-- 输入区域 -->
      <div class="input-area">
        <form id="uploadForm" enctype="multipart/form-data">
          <label for="translateMode">翻译模式:</label>
          <select id="translateMode">
            <option value="text">文本输入</option>
            <option value="image">导入照片</option>
          </select>
          <label for="fromLanguage">源语言:</label>
          <select id="fromLanguage">
            <option value="en">英语</option>
            <option value="zh">中文</option>
            <option value="kor">韩语</option>
            <option value="jp">日语</option>
            <option value="tam">泰米尔语</option>
            <option value="lat">拉丁语</option>
            <option value="ara">阿拉伯语</option>
          </select>
          <label for="toLanguage">目标语言:</label>
          <select id="toLanguage">
            <option value="en">英语</option>
            <option value="zh">中文</option>
            <option value="kor">韩语</option>
            <option value="jp">日语</option>
            <option value="tam">泰米尔语</option>
            <option value="lat">拉丁语</option>
            <option value="ara">阿拉伯语</option>
          </select>
          <textarea id="inputText" placeholder="请输入您要翻译的文本/上传图片" style="height: 100px;"></textarea>
          <input type="file" id="inputImage" accept="image/*">
          <input type="button" value="提交" onclick="submitForm()">
        </form>
      </div>
      <!-- 输出区域 -->
      <div class="output-area">
        <textarea id="outputText" placeholder="输出区域..." style="height: 100px;"></textarea>
      </div>
    </div>
  </div>

  <script src="../Index/Index.js"></script>
</body>

</html>